@import "../../common/css/mixin";

body {
  width: 100%;
  height: 100%;
  background-color: #fae7cd;
  font-family:"Microsoft YaHei UI";
}
.header{
  position: absolute;
  z-index:20;
  @include px2rem(margin-top, -32);
  @include px2rem(margin-left, 187);

  .picture-wrapper{
    z-index: 10;
    @include px2rem(width, 377);
    @include px2rem(height, 93);
    background-color: #fae7cd;

    .picture{
      @include px2rem(margin-left, 5);
      display: inline-block;
      @include bg-image('../img/money');
      @include px2rem(background-size, 356);
      @include px2rem(height, 93);
      @include px2rem(width, 356);
      background-repeat: no-repeat;
    }
  }
}
.border{
  @include px2rem(margin-left, 55);
  @include px2rem(margin-top, 66);
  @include px2rem(width, 627);
  @include px2rem(height, 794);
  border: 4px solid #bd7f38;
  text-align: center;
  .border-two{

    @include px2rem(margin, 3);
    @include px2rem(width, 613);
    @include px2rem(height, 780);
    border: 4px solid #dab17f;

    .banner{
      @include px2rem(padding-top, 86);
      .picture{
        display: inline-block;
        @include bg-image('../img/teacher');
        @include px2rem(background-size, 613);
        @include px2rem(height, 314);
        @include px2rem(width, 613);
        background-repeat: no-repeat;
      }
    }

    .section {
      @include px2rem(padding-top, 42);
      .s-article{
        .picture{
          display: inline-block;
          @include bg-image('../img/three');
          @include px2rem(background-size, 549);
          @include px2rem(height, 140);
          @include px2rem(width, 549);
          background-repeat: no-repeat;
        }
      }
    }
    .s-footer{
      @include px2rem(padding-top, 55);
      @include font-dpr(20px);
      .title{
        color: #bd7f38;
        font-weight:700;
      }

      .number{
        @include px2rem(padding-top, 22);
        @include px2rem(padding-left, 180);
        color: #9f5400;
        font-weight:700;
        white-space: nowrap;
      }
    }
  }
}

.footer {
@include px2rem(padding-left, 55);
@include px2rem(padding-top, 26);
  .f-header{
    @include font-dpr(22px);
    line-height:1.8;
  }

  .f-section{
    @include px2rem(padding-left, 80);
    @include font-dpr(14px);
    line-height:1.8;
  }
}